export const dndPannel = () => {
  return [
    {
      type: "circle",
      text: "开始",
      label: "开始节点",
      icon:
        ""
    },
    {
      type: "custom-rect",
      //   type: "html-node",
      label: "任务节点",
      text: "任务节点",
      icon:
        "",
      className: "important-node"
    },
    // {
    //   type: "rect",
    //   label: "系统任务",
    //   icon:
    //     "",
    //   className: "import_icon"
    // },
    // {
    //   type: "diamond",
    //   label: "条件判断",
    //   icon:
    //     ""
    // },
    {
      type: "circle",
      text: "结束",
      label: "结束节点",
      icon:
        ""
    }
  ];
};

export const styleConfig = () => {
  return {
    snapline: {
      stroke: "#2E3D5C", // 对齐线颜色
      strokeWidth: 1 // 对齐线宽度
    },
    baseNode: {
      fill: "rgb(255, 230, 204)",
      stroke: "#008CFF",
      strokeDasharray: "3,3"
    },
    rect: {
      fill: "#2E3D5C",
      strokeDasharray: "10, 1",
      className: "custom-cls",
      radius: 30
    },
    circle: {
      r: 10,
      fill: "#2E3D5C"
    },
    diamond: {
      r: 10,
      fill: "#2E3D5C"
    },
    nodeText: {
      color: "#fff",
      overflowMode: "autoWrap"
    },
    baseEdge: {
      strokeWidth: 1,
      stroke: "rgba(255, 255, 255,0.5)",
      strokeDasharray: "3,3"
    },
    polyline: {
      offset: 20,
      strokeDasharray: "none",
      strokeWidth: 2
    }
  };
};
